<html xmlns="http://www.w3.org/1999/xhtml" 
	xmlns:h="http://java.sun.com/jsf/html" 
	xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:head>
	<title>Resultado</title>
	<style>
		.resultCell{
			width:50px;
			height:30px;
			border:solid 1px black;
			background:#ccc;
			float:left;
		}
		label{
			font-size:10px;
			float:right;
		}
		h4{
			width:100%;
			float:left;
			margin:0px;
		}
		br{
			clear:both;
		}
	</style>
</h:head>
<h:body>
	
	<ui:repeat value="#{controller.finalizadosPublic.fila.entrySet().toArray()}" var="linha" varStatus="loop">
			<div class="resultCell" id="#{linha.key}">
				<h4 class="#{linha.key}">
					<h:outputText value="#{linha.value.resultado}" />
					<label>
						<h:outputText value="#{linha.key}" />
					</label>
				</h4>
			</div>
			<br/>
	</ui:repeat>
	
	
	
	
	
	<script src="#{request.contextPath}/js/jquery-1.9.1.js" type="text/javascript"></script>
	<script>
		$(".resultCell").each(function(){
			var id = $(this).attr("id");
			var elemento = $("h4[class='"+id+"']");
			$("h4[class='"+id+"']").remove();
			$(this).html(elemento);
			console.log(elemento);
			
			
		});
	</script>
</h:body>
</html>